<template>
	<view>
		<view style="padding-left: 30rpx; padding-right: 30rpx">
			<view>
				发布内容到:{{active}}
			</view>
			<u-form>
				<view style="padding-top=20rpx; padding-bottom: 20rpx; width: auto;">
					<u-input v-model="value" :type="type" :border="border" :height="height" :auto-height="autoHeight" />
				</view>
				<view style="padding-top=20rpx; padding-bottom: 20rpx; width: auto;">
					<u-button type="success" :plain="true">发送到班级动态</u-button>
				</view>
				<view style="padding-top=20rpx; padding-bottom: 20rpx; width: auto;">
					<u-button type="error" :plain="true" @click="cancel">取消并返回</u-button>
				</view>
			</u-form>
			
		</view>
	</view>
</template>

<script>

	export default {
		data(){
			return{
				value: '在此输入内容',
				type: 'textarea',
				border: true,
				height: 200,
				autoHeight: true,
				active:"动态"
			}
		},
		onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数
			this.active = option.active ;
			console.log(option.active)

		},

		methods: {
			cancel(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
	
</script>

<style>
	.wrap {
		padding: 40rpx;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
